<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Selezione Pacchetto</title>
	<link rel="stylesheet" type="text/css" href="../styles/style.css" />
</h:head>
<h:body>
<div id="container">
<div id="box">

<header class="banner">
<span id="titoloPagina"> Scegli da dove iniziare a sognare </span>
</header>

<div id="externalborderTab">
<p:spacer height="40px" />

      <h:form id="form"> 
      
      <p:growl id="growl" showDetail="true" sticky="true" />
      
      <h:panelGroup>
			<div id="infoAgg" style="text-align: center;">
				<h:outputText value="Non hai selezionato nessun pacchetto!" rendered="#{param.noIst}"/><br/>
				</div>
			</h:panelGroup>
			<p:spacer height="40px" />
      
    <h:outputText rendered="#{param.finiti==1}" value="Sei stato un sognatore troppo lento, la disponibilità delle nostre istanze da sogno è finita. Riprova sarai più fortunato"></h:outputText>
    <p:dataTable id="packSelection" var="pacchettoDTO" rowKey="#{pacchettoDTO.idPacchetto}" value="#{creaViaggio.pacchetti}" paginator="true" rows="7" selectionMode="single" selection="#{creaViaggio.pacchetto}" style="text-align:center;">
  		
   		<p:ajax event="rowSelect"  update=":form:growl" listener="#{creaViaggio.onRowSelectPacchetto}" />
   			
       
        <p:column headerText="Città di Partenza" style="width:25%">  
            #{pacchettoDTO.citta}  
        </p:column>  
  
        <p:column headerText="Tipologia" style="width:25%">  
            #{pacchettoDTO.tipologia}  
        </p:column>  
 
    
    </p:dataTable> 
    	</h:form>  
<p:spacer height="40px" />

	<h:form>
	<div id="columnBox" style="margin:0px auto; width:70%">
	
	<div id="column1" style="float:left; margin:0; margin-left:10%; width:25%;">
<a id="loginlink" href="ricercaPacchetto.xhtml">
					<div class = "button" id = "indietro">
						Indietro
					</div>
				</a>
</div>

<div id="column2" style="float:left; margin:0;width:25%;">
<div class="padder" id="padder">
</div>
</div>

<div id="column3" style="float:left; margin:0;width:25%;">
	<div id="registerButton">
<h:commandLink id="registerlink" update="packSelection" action="#{creaViaggio.getIstanzeHotelInPacchetto}">
<div class="button" id="register">
Procedi
</div>
</h:commandLink>
</div>

				</div>
				</div>
 </h:form>  
    
	 
        
    
</div>
</div>
<div id="push">
</div>
</div>

<div id="footer">
<h:button id="homepage" value="Homepage" outcome="index.xhtml"></h:button>	
</div>

</h:body>

</html>